<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="description" content="Giovane artista lecchese che sperimenta diversi materiali e tecniche in modo da ottenere un effetto originale e unico nell'ambito dell'arte moderna figurativa ">
        <meta name="keywords" content="artista, lecco, Jacopo Ghislanzoni, arte, arte contemporanea, arte moderna, originale, quandri, tele, artista lecchese, acido, moderno figurativo, trattamento tele con acido">
        <title>JACOPO GHISLANZONI</title>
        <?php include 'include/head.php'; ?>       
        <script typ="text/javascript" src="js/jquery.galleriffic.js"></script>
        <link rel="stylesheet" href="css/galleriffic-2.css" type="text/css" />
        <script type="text/javascript" src="js/jquery.opacityrollover.js"></script>
        <script type="text/javascript">
			jQuery(document).ready(function($) {
				// We only want these styles applied when javascript is enabled
				$('div.navigation').css({'width' : '300px', 'float' : 'left'});
				$('div.content').css('display', 'block');

				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
				var onMouseOutOpacity = 0.67;
				$('#thumbs ul.thumbs li').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});
				
				// Initialize Advanced Galleriffic Gallery
				var gallery = $('#thumbs').galleriffic({
					delay:                     2500,
					numThumbs:                 15,
					preloadAhead:              10,
					enableTopPager:            true,
					enableBottomPager:         true,
					maxPagesToShow:            7,
					imageContainerSel:         '#slideshow',
					controlsContainerSel:      '#controls',
					captionContainerSel:       '#caption',
					loadingContainerSel:       '#loading',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '&lsaquo; Previous Photo',
					nextLinkText:              'Next Photo &rsaquo;',
					nextPageLinkText:          'Next &rsaquo;',
					prevPageLinkText:          '&lsaquo; Prev',
					enableHistory:             false,
					autoStart:                 false,
					syncTransitions:           true,
					defaultTransitionDuration: 900,
					onSlideChange:             function(prevIndex, nextIndex) {
						// 'this' refers to the gallery, which is an extension of $('#thumbs')
						this.find('ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
					},
					onPageTransitionOut:       function(callback) {
						this.fadeTo('fast', 0.0, callback);
					},
					onPageTransitionIn:        function() {
						this.fadeTo('fast', 1.0);
					}
				});
			});
		</script>
    </head>
    <body>
        
        <div id="generale">
            <div id="contImg">
               <img src="images/imgfirma.png" alt='sito internet di Jacopo Ghislanzoni'>
            </div>
            <?php include 'include/menu.php'; ?>  
            <div id="gallery-wrapper">
                <!-- Start Advanced Gallery Html Containers -->
                <div id="gallery" class="content">
                        <div id="controls" class="controls"></div>
                        <div class="slideshow-container">
                                <div id="loading" class="loader"></div>
                                <div id="slideshow" class="slideshow"></div>
                        </div>
                        <div id="caption" class="caption-container"></div>
                </div>
                <div id="thumbs" class="navigation">
                    <ul class="thumbs noscript">
                        <li>
                            <a class="thumb" name="leaf" href="images/fuoridalcomune/500x500.11.png" title="Title #0">
                                <img src="images/fuoridalcomune/500x500.11_thumb.png" alt="Title #0" />
                            </a>
                            <div class="caption">
                                <div class="download">
                                    <a href="images/fuoridalcomune/500x500.11.png">Download Original</a>
                                </div>
                                <div class="image-title">Title #0</div>
                                <div class="image-desc">Description</div>
                            </div>
                        </li>
                        <li>
                            <a class="thumb" name="leaf" href="images/fuoridalcomune/500x500.12.png" title="Title #0">
                                <img src="images/fuoridalcomune/500x500.12_thumb.png" alt="Title #0" />
                            </a>
                            <div class="caption">
                                <div class="download">
                                    <a href="images/fuoridalcomune/500x500.12.png">Download Original</a>
                                </div>
                                <div class="image-title">Title #0</div>
                                <div class="image-desc">Description</div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            
            
        </div> 
        <?php include 'include/footer.php';?>
    </body>
</html>



